<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运维管理平台</title>
    <!--STYLESHEET-->
    <!--=================================================-->
    <!--Open Sans Font [ OPTIONAL ]-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="/static/css/nifty.min.css" rel="stylesheet">
    <!--Nifty Premium Icon [ DEMONSTRATION ]-->
    <link href="/static/css/demo/nifty-demo-icons.min.css" rel="stylesheet">
    <!--Demo [ DEMONSTRATION ]-->
    <link href="/static/css/demo/nifty-demo.min.css" rel="stylesheet">
    <!--Morris.js [ OPTIONAL ]-->
    <!--<link href="/static/plugins/morris-js/morris.min.css" rel="stylesheet">-->
    <!--Magic Checkbox [ OPTIONAL ]-->
    <link href="/static/plugins/magic-check/css/magic-check.min.css" rel="stylesheet">

    <!--JAVASCRIPT-->
    <!--=================================================-->
    <!--Pace - Page Load Progress Par [OPTIONAL]-->
    <link href="/static/plugins/pace/pace.min.css" rel="stylesheet">
    <script src="/static/plugins/pace/pace.min.js"></script>
    <!--jQuery [ REQUIRED ]-->
    <script src="/static/js/jquery-2.2.4.min.js"></script>
    <!--BootstrapJS [ RECOMMENDED ]-->
    <script src="/static/js/bootstrap.min.js"></script>
    <!--NiftyJS [ RECOMMENDED ]-->
    <script src="/static/js/nifty.min.js"></script>
    <!--=================================================-->
    <!--Demo script [ DEMONSTRATION ]-->
    <script src="/static/js/demo/nifty-demo.min.js"></script>
    <!--Morris.js [ OPTIONAL ]-->
    <!--<script src="/static/plugins/morris-js/morris.min.js"></script>-->
    <!--<script src="/static/plugins/morris-js/raphael-js/raphael.min.js"></script>-->
    <!--Sparkline [ OPTIONAL ]-->
    <script src="/static/plugins/sparkline/jquery.sparkline.min.js"></script>
    <!--Specify page [ SAMPLE ]-->
    <!--<script src="/static/js/demo/dashboard.js"></script>-->
    <!--用于子模板添加自己的CSS-->
    {% block css %}{% endblock %}
</head>

<!--TIPS-->
<!--You may remove all ID or Class names which contain "demo-", they are only used for demonstration. -->
<body>
<div id="container" class="effect aside-float aside-bright mainnav-lg">

    <!--NAVBAR-->
    <!--===================================================-->
    <header id="navbar">
        <div id="navbar-container" class="boxed">
            <!--Brand logo & name-->
            <!--================================-->
            <div class="navbar-header">
                <a href="#" class="navbar-brand">
                    <img src="/static/img/logo.png" alt="datatang Logo" class="brand-icon">
                    <div class="brand-title">
                        <span class="brand-text">数据堂运维管理平台</span>
                    </div>
                </a>
            </div>
            <!--================================-->
            <!--End brand logo & name-->

            <!--Navbar Dropdown-->
            <!--================================-->
            <div class="navbar-content clearfix">
                <ul class="nav navbar-top-links pull-left">

                    <!--Navigation toogle button-->
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <li class="tgl-menu-btn">
                        <a class="mainnav-toggle" href="#">
                            <i class="demo-pli-view-list"></i>
                        </a>
                    </li>
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <!--End Navigation toogle button-->

                    <!--Notification dropdown-->
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">
                            <i class="demo-pli-bell"></i>
                            <!--<span class="badge badge-header badge-danger"></span> 颜色提醒-->
                        </a>

                </ul>

                <ul class="nav navbar-top-links pull-right">


                    <!--User dropdown-->
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <li id="dropdown-user" class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle text-right">
                                <span class="pull-right">
                                    <!--<img class="img-circle img-user media-object" src="img/profile-photos/1.png" alt="Profile Picture">-->
                                    <i class="demo-pli-male ic-user"></i>
                                </span>
                            <div class="username hidden-xs">{{ request.session.user_humanName }}</div>
                        </a>


                        <div class="dropdown-menu dropdown-menu-md dropdown-menu-right panel-default">


                            <!-- User dropdown menu 用户下来框选项 -->
                            <ul class="head-list">
                                <li>
                                    <a href="/users/">
                                        <i class="demo-pli-male icon-lg icon-fw"></i> 个人中心
                                    </a>
                                </li>

                                <li>
                                    <a href="#">

                                        <i class="demo-pli-gear icon-lg icon-fw"></i> 设置
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="demo-pli-information icon-lg icon-fw"></i> 帮助
                                    </a>
                                </li>
                            </ul>

                            <!-- Dropdown footer -->
                            <div class="pad-all text-right">
                                <a href="{% url 'users:logout' %}" class="btn btn-primary">
                                    <i class="demo-pli-unlock"></i> 注销
                                </a>
                            </div>
                        </div>
                    </li>
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <!--End user dropdown-->
                </ul>
            </div>
            <!--================================-->
            <!--End Navbar Dropdown-->

        </div>
    </header>
    <!--===================================================-->
    <!--END NAVBAR-->

    <div class="boxed">

        <!--CONTENT CONTAINER-->
        <!--===================================================-->
        <div id="content-container">
            <!--Page content-->
            <!--===================================================-->
            <div id="page-content">
                {% block content %}
                {% endblock %}
            </div>
            <!--===================================================-->
            <!--End page content-->


        </div>
        <!--===================================================-->
        <!--END CONTENT CONTAINER-->

        <!--MAIN NAVIGATION-->
        <!--===================================================-->
        <nav id="mainnav-container">
            <div id="mainnav">

                <!--Menu-->
                <!--================================-->
                <div id="mainnav-menu-wrap">
                    <div class="nano">
                        <div class="nano-content">

                            <!--Profile Widget-->
                            <!--================================-->
                            <div id="mainnav-profile" class="mainnav-profile">
                                <div class="profile-wrap">
                                    <div class="pad-btm">
                                        <img class="img-circle img-sm img-border" src="/static/img/profile-photos/1.png"
                                             alt="Profile Picture">
                                    </div>
                                    <a href="#profile-nav" class="box-block" data-toggle="collapse"
                                       aria-expanded="false">
                                        <p class="mnp-name">{{ request.session.user_humanName }}</p>
                                        <span class="mnp-desc">{{ request.session.user_email }}</span>
                                    </a>
                                </div>

                            </div>


                            <ul id="mainnav-menu" class="list-group">
                                <!--Category name-->
                                <div>
                                    <li class="list-header">用户系统</li>
                                    <!--Menu list item-->
                                    <li class="active-link">
                                        <a href="{% url 'users:groupservice' %}">
                                            <i class="demo-psi-home"></i>
                                            <span class="menu-title">
												<strong>用户组</strong>
											</span>
                                        </a>
                                    </li>

                                    <!--Menu list item-->
                                    <li>
                                        <a href="{% url 'users:userservice' %}">
                                            <i class="demo-psi-split-vertical-2"></i>
                                            <span class="menu-title">
												<strong>用户</strong>
											</span>
                                            <!--<i class="arrow"></i>-->
                                        </a>

                                        <!--Submenu-->
                                        <!--						                <ul class="collapse">
                                                                                    <li><a href="#">Collapsed Navigation</a></li>
                                                                                    <li><a href="#">Off-Canvas Navigation</a></li>
                                                                                    <li><a href="#">Slide-in Navigation</a></li>
                                                                                </ul>-->
                                    </li>

                                    <!--Menu list item-->
                                    <li>
                                        <a href="#">
                                            <i class="demo-psi-gear-2"></i>
                                            <span class="menu-title">
												<strong>用户授权</strong>
											</span>
                                        </a>
                                    </li>
                                </div>

                                <li class="list-divider"></li>

                                <!--Category name-->
                                <li class="list-header">资产管理</li>

                                <!--Menu list item-->
                                <li>
                                    <a href="{% url 'cmdb:hostgroupindex' %}">
                                        <i class="demo-psi-home"></i>
                                        <span class="menu-title">主机组</span>
                                    </a>

                                </li>

                                <!--Menu list item-->
                                <li>
                                    <a href="{% url 'cmdb:hostindex' %}">
                                        <i class="demo-psi-pen-5"></i>
                                        <span class="menu-title">主机管理</span>
                                    </a>

                                </li>

                                <!--Menu list item-->
                                <li>
                                    <a href="#">
                                        <i class="demo-psi-gear-2"></i>

                                        <span class="menu-title">批量管理</span>
                                    </a>
                                </li>

                                <li class="list-divider"></li>

                                <!--Category name-->
                                <li class="list-header">上线部署</li>

                                <!--Menu list item-->
                                <li>
                                    <a href="{% url 'deploy:projectindex' %}">
                                        <i class="demo-psi-receipt-4"></i>
                                        <span class="menu-title">项目管理</span>
                                    </a>

                                </li>
                                <li>
                                    <a href="{% url 'deploy:onlineindex' %}">
                                        <i class="demo-psi-pen-5"></i>
                                        <span class="menu-title">项目上线</span>
                                    </a>

                                </li>
                                <li>
                                    <a href="{% url 'cmdb:hostgroupindex' %}">
                                        <i class="demo-psi-pen-5"></i>
                                        <span class="menu-title">项目回滚</span>
                                    </a>

                                </li>
                                <li>
                                    <a href="{% url 'deploy:install' %}">
                                        <i class="demo-psi-pen-5"></i>
                                        <span class="menu-title">系统部署</span>
                                    </a>

                                </li>

                            </ul>
                        </div>
                    </div>
                    <!--================================-->
                    <!--End menu-->
                </div>
            </div>
        </nav>
        <!--===================================================-->
        <!--END MAIN NAVIGATION-->
    </div>

    <!-- FOOTER -->
    <!--===================================================-->
    <footer id="footer">
        <p class="pad-lft">&#0169; 数据堂(北京)科技股份有限公司</p>
    </footer>
    <!--===================================================-->
    <!-- END FOOTER -->
    <!-- SCROLL PAGE BUTTON -->
    <!--===================================================-->
    <button class="scroll-top btn">
        <i class="pci-chevron chevron-up"></i>
    </button>
    <!--===================================================-->
</div>
<!--===================================================-->
<!-- END OF CONTAINER -->
<script>
    $.ajaxSetup({
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
    });
</script>
<!--用于子模板添加js-->
{% block js %}{% endblock %}
</body>
</html>
